// const path = require('path');
// webpack 开启 gzip 打包 减小文件大小
// const CompressionWebpackPlugin = require('compression-webpack-plugin');

module.exports = {
  css: {
    extract: true
  },
  devServer: {
    https: true,
    port: 8090
  },
  productionSourceMap: false,
  // configureWebpack 和 chainWebpack 的作用相同，唯一的区别就是它们修改 webpack 配置的方式不同：
  // ①chainWebpack 通过链式编程的形式，来修改默认的 webpack 配置
  // ②configureWebpack 通过操作对象的形式，来修改默认的 webpack 配置
  chainWebpack: config => {
    // config
    //   .plugin('html')
    //   .tap(args => {
    //     args[0].title = 'title test'
    //     return args
    //   })
  },
  configureWebpack: config => {
    // if (!process.env.VUE_APP_HAS_CONSOLE) {
    //   config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
    //   config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true;
    //   config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = [
    //     'console.log'
    //   ];
    // }
    // config.externals = {
    //   vue: 'Vue',
    //   vuex: 'Vuex',
    //   vant: 'vant',
    //   'vue-router': 'VueRouter',
    //   axios: 'axios',
    //   'crypto-js/crypto-js': 'CryptoJS'
    // };
    // config.plugins.push(new CompressionWebpackPlugin())
  }
};
